<template>
character.mana的值：{{ character.mana }}
<br/>
manas的值：{{ manas }}
</template>

<script setup>
import { ref,reactive, toRef } from 'vue'
//toRef()函数用于将响应式对象中的单个属性转换为响应式数据。
//定义响应式对象
const character=reactive({
    name:'申公豹',
    age:1000,
    mana:4000 
})

const  manas=toRef(character,'mana');

setTimeout(()=>{
    //修改响应式数据
    manas.value=5000
},2000)
</script>


<style>
</style>